<template>
  <div style="width: 100%" id="divId">
    <div class="tread"></div>
    <div class="oneWord" style="margin-top: 30px">
      <template v-for="item in datas">
        <el-row
          class="onetwo"
          :key="item.id"
          :class="item.id % 2 ? 'onetwo1' : 'onetwo2'"
        >
          <el-col :lg="11" :xs="21" :md="21" :sm="21">
            <div class="father-weng" :class="item.id % 2 ? '' : 'father-weng2'">
              <div class="weng-content">
                <div class="auth-name">{{ item.author }}</div>
                <div class="work-content">{{ item.content }}</div>
                <div
                  :class="item.id == 11 ? 'wengcolor' : ''"
                  class="wengdisplay"
                >
                  {{ item.dpushtime }}
                </div>
              </div>
              <div
                class="triangle"
                :class="item.id % 2 ? '' : 'triangle2'"
              ></div>
            </div>
          </el-col>
          <el-col :lg="2" :xs="2" :md="2" :sm="2"
            ><div class="img-content">
              <img src="../../../assets/喇叭.png" /></div
          ></el-col>
          <el-col :lg="11" :xs="1" :ms="1" :sm="1"
            ><div
              class="time-content"
              :class="item.id % 2 ? '' : 'time-content2 '"
            >
              <p :class="item.id == 11 ? 'wengcolor' : ''">
                {{ item.dpushtime }}
              </p>
            </div></el-col
          >
        </el-row>
      </template>
    </div>
  </div>
</template>
<script>
export default {
  name: "DataLine",
  props: {
    datas: {
      type: Array,
      required: true,
    },
  },
  data() {
    return {};
  },

  created() {},
  methods: {},
};
</script>
<style>
@import "../../../styles/timeline.scss";
</style>
